<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>多媒体资源管理后台</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="/statics/css/bootstrap.min.css">
    <link rel="stylesheet" href="/statics/css/font-awesome.min.css">
    <link rel="stylesheet" href="/statics/css/AdminLTE.min.css">
    <link rel="stylesheet" href="/statics/css/skin-blue.min.css">
    <link rel="stylesheet" href="/statics/plugins/sweetalert/sweetalert.css">
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="${BasePath }statics/plugins/jQuery/jQuery-2.1.4.min.js"></script>
    <script src="/statics/plugins/sweetalert/sweetalert.min.js"></script>
  </head>
  <body class="hold-transition skin-blue sidebar-mini">
    <div class="wrapper">

      <!-- Main Header -->
      <header class="main-header">

        <!-- Logo -->
        <a href="index2.html" class="logo">
          <!-- mini logo for sidebar mini 50x50 pixels -->
          <span class="logo-mini"><b>M</b>MM</span>
          <!-- logo for regular state and mobile devices -->
          <span class="logo-lg"><b>多媒体</b>管理</span>
        </a>

        <!-- Header Navbar -->
        <nav class="navbar navbar-static-top" role="navigation">
          <!-- Sidebar toggle button-->
          <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
            <span class="sr-only">Toggle navigation</span>
          </a>
        </nav>
      </header>
      <!-- Left side column. contains the logo and sidebar -->
      <aside class="main-sidebar">

        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">

          <!-- Sidebar user panel (optional) -->
          <div class="user-panel">
            <div class="pull-left image">
              <img src="/statics/img/user-128.png" class="img-circle" alt="User Image">
            </div>
            <div class="pull-left info">
              <c:choose>
              <c:when test="${is_login == 1 }">
              <p>${login_user.username }</p>
              <a href="/user/logout"><i class="fa fa-circle text-success"></i> 
              <c:if test="${is_admin == 1 }">Admin Logout</c:if>
              <c:if test="${is_admin == 0 }">User Logout</c:if>
              </a>
              </c:when>
              <c:otherwise>
              <p>未登录</p>
              <a href="/user/Login"><i class="fa fa-circle text-danger"></i> Offline Login</a>
              </c:otherwise>
              </c:choose>
            </div>
          </div>
          <%@include file="./_nav.jsp" %>
        </section>
        <!-- /.sidebar -->
      </aside>

      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
            ${page_header }
            <small>${page_desc }</small>
          </h1>
          <ol class="breadcrumb">
            <li><a href="/"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">${page_here }</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">
